<template>
    <el-container style="height: 900px; border: 1px solid #eee">
        <el-header class="header">
            <c-header :userInfo="userInfo"></c-header>
        </el-header>
        <el-container>
            <el-aside width="220px" style="background-color: rgb(238, 241, 246)">
                <c-left></c-left>
            </el-aside>
            <el-main>
                <keep-alive>
                    <router-view v-if="$route.meta.keep_alive"></router-view>
                </keep-alive>
                <router-view v-if="!$route.meta.keep_alive"></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import header from './header.vue'
//import tree from '../tree.vue';
import left from './left.vue';
export default {
    data(){
        return {
            userInfo
        }
    },
    components: { 
        'c-header' : header,
        'c-left' : left
    },
    created(){
        
    },
    mounted() {
        //this.$router.push('/ruleList');
    },
    watch: {
        '$route' (to, from) {
            //this.setPageTabStatus();
        }
    },
    methods: {
        /*
        setPageTabStatus(){
            let path = this.$route.path;
            if(path.indexOf('/gdmap/othercmp/') > -1 || path.indexOf('/ggmap/othercmp/') > -1){
                this.showPageTab = false;
            }else{
                this.showPageTab = true;
            }
        }
        */
    }
};
</script>

<style scoped>

</style>
